
<script language="javascript">
  function marquee(i, direction){
	var obj = document.getElementById("marquee" + i);
	var obj1 = document.getElementById("marquee" + i + "_1");
	var obj2 = document.getElementById("marquee" + i + "_2");
	if (direction == "up"){
		if (obj2.offsetTop - obj.scrollTop <= 0){
			obj.scrollTop -= (obj1.offsetHeight + 20);
		}else{
			var tmp = obj.scrollTop;
			obj.scrollTop++;
			if (obj.scrollTop == tmp){
				obj.scrollTop = 1;
			}
		}
	}else{
		if (obj2.offsetWidth - obj.scrollLeft <= 0){
			obj.scrollLeft -= obj1.offsetWidth;
		}else{
			obj.scrollLeft++;
		}
	}
}

function marqueeStart(i, direction){
	var obj = document.getElementById("marquee" + i);
	var obj1 = document.getElementById("marquee" + i + "_1");
	var obj2 = document.getElementById("marquee" + i + "_2");

	obj2.innerHTML = obj1.innerHTML;
	var marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
	obj.onmouseover = function(){
		window.clearInterval(marqueeVar);
	}
	obj.onmouseout = function(){
		marqueeVar = window.setInterval("marquee("+ i +", '"+ direction +"')", 20);
	}
}
  </script>  
 
    <div style="background:#f8f8f8; padding-top:30px; padding-bottom:20px" >   
    <div class="container " style="overflow:hidden">
            <div class="row" style="text-align:center; color:#fff;">
            <p>
             <h2 name="honour" class="text-center animate_afr" style="color:#1296db;"><b>公司荣誉</b></h2>
            </p>
            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 animate_afl d1">
            <?php
               $hArr = [
                   '对人类突出贡献奖','对人类突出贡献奖','骨干名星企业','爱国报国全国先进模范单位','中国航天专用保健食品','中国知名品牌','全国企业管理创新示范单位','对人类突出贡献奖','骨干名星企业','爱国报国全国先进模范单位','中国航天专用保健食品','中国知名品牌','全国企业管理创新示范单位'
               ];
            ?>
            <div id="marquee1" class="marqueeleft">
               <div class="gz_honour" style="width:9000px" >
                   <ul id="marquee1_1">
                   {foreach name="hArr" item="sname" key="ke"}
                      <li>
                         <a href="{$yf_theme_path}public/images/honour/<?php echo($ke+1);?>.jpg" target="_blank" class="lightbox" rel="group1" title="{$sname}">
						  <div class="yincang kd">
						 	<img src="{$yf_theme_path}public/images/honour/<?php echo($ke+1);?>.jpg" title="{$sname}" data-bd-imgshare-binded="1">
						  </div>
						  <p>{$sname}</p>
					       </a>
                      </li>
                   {/foreach}
                   </ul>
                   <ul id="marquee1_2"></ul>
                  </div>   
               
               </div>
            
            
            
            </div>
            
            </div>
            
     </div>
     </div>
    
   <script type="text/javascript">marqueeStart(1, "left");</script>
    
    